<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>编程基础 - 数智学习</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    <link rel="stylesheet" href="../../css/style.css">
</head>
<body class="bg-gradient-to-br from-purple-900 via-indigo-800 to-blue-900 text-white min-h-screen">
    <header class="backdrop-blur-md bg-opacity-30 bg-gray-900 fixed w-full z-50">
        <nav class="container mx-auto px-6 py-4">
            <div class="flex items-center justify-between">
                <div class="logo flex items-center">
                    <img src="../../images/logo.svg" alt="数智学习" class="h-8 w-8 mr-2">
                    <span class="text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500">数智学习</span>
                </div>
                <ul class="nav-links flex space-x-8">
                    <li><a href="../../index.html" class="hover:text-blue-400 transition-colors">首页</a></li>
                    <li><a href="../overview/experience.html" class="hover:text-blue-400 transition-colors">学习范围</a></li>
                    <li><a href="math.html" class="hover:text-blue-400 transition-colors">数学基础</a></li>
                    <li><a href="programming.html" class="text-blue-400">编程基础</a></li>
                    <li><a href="bigdata.html" class="hover:text-blue-400 transition-colors">大数据</a></li>
                    <li><a href="ml.html" class="hover:text-blue-400 transition-colors">机器学习</a></li>
                    <li><a href="dl.html" class="hover:text-blue-400 transition-colors">深度学习</a></li>
                </ul>
            </div>
        </nav>
    </header>

    <main class="pt-24">
        <div class="container mx-auto px-6 py-12">
            <h1 class="text-4xl font-bold mb-8 text-center bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500">编程基础</h1>
            
            <div class="space-y-12">
                <div class="backdrop-blur-md bg-white bg-opacity-5 rounded-xl p-8">
                    <h2 class="text-2xl font-bold mb-4 text-blue-400">Python基础</h2>
                    <div class="text-gray-300 space-y-4">
                        <p>Python编程基础知识：</p>
                        <ul class="list-disc list-inside space-y-2 ml-4">
                            <li>基本语法与数据类型</li>
                            <li>函数与面向对象编程</li>
                            <li>文件操作与异常处理</li>
                            <li>模块与包管理</li>
                        </ul>
                        <div class="mt-6">
                            <a href="#" class="inline-block px-6 py-2 bg-blue-500 hover:bg-blue-600 rounded-full transition-colors">开始学习</a>
                        </div>
                    </div>
                </div>

                <div class="backdrop-blur-md bg-white bg-opacity-5 rounded-xl p-8">
                    <h2 class="text-2xl font-bold mb-4 text-purple-400">数据分析库</h2>
                    <div class="text-gray-300 space-y-4">
                        <p>常用数据分析工具：</p>
                        <ul class="list-disc list-inside space-y-2 ml-4">
                            <li>NumPy数组运算</li>
                            <li>Pandas数据处理</li>
                            <li>Matplotlib可视化</li>
                            <li>Scikit-learn机器学习</li>
                        </ul>
                        <div class="mt-6">
                            <a href="#" class="inline-block px-6 py-2 bg-purple-500 hover:bg-purple-600 rounded-full transition-colors">查看教程</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <footer class="container mx-auto px-6 py-8 text-center text-gray-400">
        <p class="mb-2">&copy; 2024 数智学习. All rights reserved.</p>
        <p><a href="https://beian.miit.gov.cn/" target="_blank" class="hover:text-blue-400 transition-colors">晋ICP备20000773号-3</a></p>
    </footer>
    <script src="../../js/effects.js"></script>
</body>
</html> 